@charset "UTF-8";:root{--light-grey: #c4c1c1;--accent-color: rgb(13, 110, 253);--height-header: 80px;--color-backdrop: hsla(45, 17%, 95%, .8);--color-primary: rgb(20, 86, 240);--canvas-opacity: .5;--transition-bounce: cubic-bezier(.175, .885, .32, 1.275);--transition-ease: ease-in-out;--shadow-lg: 0px 50px 100px -20px rgba(0, 0, 0, .15);--zindex-base: 1;--zindex-2: 2;--zindex-content-lower-2: 40;--zindex-content-lower-1: 45;--zindex-content: 50;--zindex-top: 100;--zindex-nav: 1000;--zindex-nav-menu: 1010;--zindex-modal: 2000;--radius-base: .75rem;--app-color-white: #ffffff;--curve: cubic-bezier(0, .49, 0, 1.49);--curve-timing: .35s;--shadow-menu: 0px 10px 60px rgba(0, 0, 0, .1)}@media screen and (min-width: 1200px){h3,.h3{font-size:18px!important}}#landing-page{font-size:25px!important}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea{font-size:16px}small{font-size:75%!important}.btn:disabled,.btn.disabled,fieldset:disabled .btn,input:disabled{pointer-events:none;opacity:var(--bs-btn-disabled-opacity);border:1px solid #999999;background:#ccc;background-color:#ccc!important;color:#666!important}.disabled{color:#777!important}@media screen and (min-width: 1025px){.container{max-width:982px}.wrapper-header{display:flex;align-items:center;justify-content:space-between}}.swal2-container{z-index:1050}#wraper-container{min-height:calc(100vh - var(--height-header))}#khunghinh_tool{overflow:hidden}.container.py6{margin-top:50px}@media (min-width: 1025px){.container-fluid{padding-left:50px;padding-right:50px}}body,html{font-family:Quicksand,sans-serif!important;font-weight:500;min-height:100vh;color:var(--color-text-primary);background:rgb(248,248,248)!important;margin:0;padding:0;position:relative;transition:background .2s linear;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" on;font-feature-settings:"liga" on;-moz-font-feature-settings:"liga" on}body.scroll-lock,html.scroll-lock,body.scroll-lock body,html.scroll-lock body,body.scroll-lock .article-holder,html.scroll-lock .article-holder{overflow:hidden!important}.btn-11:hover{opacity:.7}.btn-11:active{box-shadow:4px 4px 6px #ffffff4d,-4px -4px 6px #747d8833,inset -4px -4px 6px #fff3,inset 4px 4px 6px #0003}.author-img-preview{max-width:15px;margin-right:5px}input,button,select,optgroup,textarea,label,.alert,.badge,.btn,.pagination,.valid-feedback,.invalid-feedback{font-family:Quicksand,sans-serif;font-size:14px}p{font-weight:500}.btn{border-radius:10px!important;background:linear-gradient(to right bottom,#8300ff,#9e00ff,#b500ff,#ca00ff,#de00ff);color:#fff}.btn:hover{color:#fff!important;opacity:.7}h1{font-size:30px}.logo{font-size:30px;font-weight:600}h5{font-size:18px!important}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Quicksand,sans-serif}h6{font-size:16px}.form-label{margin-bottom:5px;font-size:16px;color:#1a1823;font-weight:700}.warning-sub{font-size:13px}.step-box{color:#b0b0b0;font-weight:600}.font-italic{font-style:italic}h1.title{text-transform:inherit;color:var(--color-primary);font-family:Quicksand,sans-serif;font-style:normal;font-weight:700}strong{font-weight:700}.gradient-text{background:-webkit-linear-gradient(#8300ff,#de00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-skeleton h1,.loading-skeleton h2,.loading-skeleton h3,.loading-skeleton h4,.loading-skeleton h5,.loading-skeleton h6,.loading-skeleton span,.loading-skeleton p,.loading-skeleton li,.loading-skeleton .btn,.loading-skeleton label,.loading-skeleton .form-control,.loading-skeleton i{color:transparent!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#eee;border-color:#eee}.loading-skeleton h1::placeholder,.loading-skeleton h2::placeholder,.loading-skeleton h3::placeholder,.loading-skeleton h4::placeholder,.loading-skeleton h5::placeholder,.loading-skeleton h6::placeholder,.loading-skeleton span::placeholder,.loading-skeleton p::placeholder,.loading-skeleton li::placeholder,.loading-skeleton .btn::placeholder,.loading-skeleton label::placeholder,.loading-skeleton .form-control::placeholder{color:transparent}@keyframes loading-skeleton{0%{opacity:.4}to{opacity:1}}.loading-skeleton{pointer-events:none;animation:loading-skeleton 1s infinite alternate}.loading-skeleton img{filter:grayscale(100) contrast(0%) brightness(1.8)}.btn-edit{position:absolute;right:15px;top:15px;border:none;color:#747474;max-width:50px;font-size:25px}.badge{font-size:12px;padding:6px 12px}@media (min-width: 576px){.badge{font-size:15px}}@media (min-width: 768px){.badge{font-size:12px}.notify{font-size:16px;color:#000}.create-event{z-index:5;position:relative}}.float-right{float:right}@media screen and (min-width: 768px){.custom-img{height:25px;width:45px}.info-tooltip{color:#777;font-size:12px;margin-left:5px;display:flex;align-items:center}.progress-container{display:flex;justify-content:space-between;position:relative;max-width:100%;width:200px}.progress-container .progress{background-color:var(--accent-color);position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:0%;z-index:-1;transition:.4s ease}.progress-container .circle{background:var(--light-grey);color:var(--light-grey);border-radius:50%;height:10px;width:10px;display:flex;align-items:center;justify-content:center;border:3px solid var(--light-grey);transition:.4s ease}.progress-container .circle.active{border-color:var(--accent-color);background-color:#fff;color:var(--accent-color);scale:1.1}.progress-container .circle .icon{position:absolute;font-size:25px;bottom:25px}.progress-container .circle .caption{position:absolute;font-size:16px;font-weight:bolder;bottom:-30px;width:max-content}.progress-container .btn{background:var(--accent-color);color:#fff;border:0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:inherit;padding:10px 30px;margin:5px;background:#cecaca}.progress-container .btn:active{transform:scale(.9)}.progress-container .btn:focus{outline:0}.progress-container .btn:disabled{background-color:var(--light-grey);cursor:not-allowed}}@media only screen and (min-width: 768px) and (max-width: 400px){.progress-container .container{width:85%}}@media screen and (min-width: 768px){.progress-container:before{content:"";background-color:var(--light-grey);position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:100%;z-index:-1}#page-topbar{z-index:1070;display:flex;font-size:16px;font-weight:500!important;box-shadow:0 2px 3px #343a400f}#page-topbar .wrapper-header{display:flex;align-items:center;justify-content:space-between}#page-topbar .wrapper-header .logo{max-height:50px}#page-topbar .wrapper-header .navbar .list-nav .nav-link{color:#000;font-weight:600;border-bottom:solid 2px transparent}#page-topbar .wrapper-header .navbar .list-nav .nav-link.active{border-color:#af00ff}#page-topbar .wrapper-header .navbar .list-nav .nav-link:hover{color:#af00ff}#page-topbar .wrapper-header .navbar .list-nav .nav-lang{display:flex;align-items:center;cursor:pointer}#page-topbar .wrapper-header .navbar .list-nav .nav-lang img{max-width:26px}#page-topbar .wrapper-header .navbar .list-nav .dropdown-menu{right:0;left:unset}#page-topbar .wrapper-header .navbar .list-nav .dropdown-menu .dropdown-item{display:flex;gap:6px;align-items:center}#page-topbar .wrapper-header .navbar .list-nav .dropdown-menu .dropdown-item img{max-width:26px}#page-topbar .wrapper-header .navbar .list-nav .dropdown-menu .dropdown-item span{font-size:16px}#page-topbar .wrapper-header ul{list-style:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#page-topbar{background-color:#fff}.nav-item{font-size:var(--font-link);padding-right:0.5rem;padding-left:0.5rem;display:flex}#text-color,#text-lines-bg-color,#text-stroke-color{-webkit-appearance:none;-moz-appearance:none;border:none;width:25px;height:8px;padding:0}#text-font-size{width:100%;border:none;height:25px;background-color:#f0f0f0}#font-family{width:100%;height:95%;border:none;background-color:#f0f0f0}#text-stroke-width,#text-line-height{width:100%;border:none;background-color:#f0f0f0}#colorStroke{width:50px}.font-option.active{font-weight:700}.img-font-option{width:20px;height:20px}.text-setting{background-color:#f0f0f0;padding:12px;border-radius:8px;font-size:16px!important}.btn-add-text{width:100%}.preview-name{font-size:12px}.icon-tool{max-width:20px}}ul.warning-sub{padding-left:1rem}a{text-decoration:none}.btn-11:hover{text-decoration:none;color:#fff}.btn-11:before{position:absolute;content:"";display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}.btn-11{border:none;background:linear-gradient(to right bottom,#8300ff,#9e00ff,#b500ff,#ca00ff,#de00ff);color:#fff;overflow:hidden}.btn-explore{background:#fff!important;border:1px solid #c800ff!important;color:#8c00b3!important}.btn-explore:hover{background:linear-gradient(to right bottom,#8300ff,#9e00ff,#b500ff,#ca00ff,#de00ff)!important;color:#fff!important}.btn-explore:before{background-color:#8300ff;animation:shiny-btn1 3s ease-in-out infinite}@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}to{-webkit-transform:scale(50) rotate(45deg);opacity:0}}@media screen and (min-width: 768px) and (max-width: 768){.container{max-width:1140px}}@media screen and (max-width: 768px){.card-subtitle{font-size:12px!important;display:block!important}.wrapper-header{margin-bottom:0!important}.navbar{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ellipsis2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:absolute;width:70px;padding-left:5px}.fw-bold.lh-base.text-center.ps-5{text-align:center!important;padding-left:0!important}.leader-board-content h2,.leader-board-content .h2{margin-right:20px}.col-md-3.col-6.mt-4{padding:.5rem!important;margin-top:0!important;margin-bottom:0!important}.col-md-3.col-6.mt-4:nth-child(2n){padding-right:1rem!important}.col-md-3.col-6.mt-4:nth-child(odd){padding-left:1rem!important}body,html{background:rgb(248,248,248)!important}.btn-add-text{width:100%}.copy-box input{font-size:14px}.logo{font-size:24px!important}.text-setting{background-color:#f0f0f0;padding:12px;border-radius:8px;font-size:14px!important}.icon-tool{width:20px}#text-font-size{width:60%;font-size:12px;border:none;height:25px;background-color:#f0f0f0}#font-family{font-size:12px;width:100%;border:none;background-color:#f0f0f0}#colorStroke{width:62px;margin-left:2px}#text-stroke-width{width:70px;border:none;background-color:#f0f0f0}#text-line-height{width:50px;border:none;background-color:#f0f0f0}input[type=color]{width:25px;border:none;height:8px}h1.title{font-size:26px;font-weight:800;letter-spacing:-1px}.fw-bold.col-4.col-md-4.title.gradient-text{padding-left:25px}.card-title .top-event{display:-webkit-box;color:#121213!important;font-weight:600;font-size:14px!important;max-width:100%;height:40px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ck-editor__editable_inline{min-height:150px}h1{font-size:30px}.add-frame-area{width:100%;display:block;margin:auto;}.title-warning{font-size:15px}li{font-size:11px!important;}.info-tooltip{color:#777;font-size:12px;display:inline}.btn{font-size:14.4px!important}.group-btn-trending{padding-right:1.3rem!important}.title-trending{font-size:calc(1.1rem + .3vw)!important;padding-left:1.5rem}.time-toggle{padding:8px 12px!important}.pagination .btn{padding:6 6 6 6}.pagination span,.pagination .form-select{font-size:10px}.selected{padding:12px 8px}.event-report{font-size:12px!important;color:#707070}.top-2 p.event-report{display:flex;align-items:baseline;position:absolute;right:12px;bottom:0;margin-right:5px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-link{display:block;color:#0d0d0d;font-size:1.1rem;max-width:100%;margin:0 auto;font-size:14px;line-height:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.progress-container{display:flex;justify-content:space-between;position:relative;max-width:100%;width:200px}.progress-container .progress{background-color:var(--accent-color);position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:0%;z-index:-1;transition:.4s ease}.progress-container .circle{background:var(--light-grey);color:var(--light-grey);border-radius:50%;height:10px;width:10px;display:flex;align-items:center;justify-content:center;border:3px solid var(--light-grey);transition:.4s ease}.progress-container .circle.active{border-color:var(--accent-color);background-color:#fff;color:var(--accent-color);scale:1.1}.progress-container .circle .icon{position:absolute;font-size:25px;bottom:25px}.progress-container .circle .caption{position:absolute;font-size:14px;font-weight:bolder;bottom:-30px;width:max-content}.progress-container .btn{background:var(--accent-color);color:#fff;border:0;border-radius:20px;cursor:pointer;font-family:inherit;font-size:inherit;padding:8px 30px;margin:5px}.progress-container .btn:active{transform:scale(.9)}.progress-container .btn:focus{outline:0}.progress-container .btn:disabled{background-color:var(--light-grey);cursor:not-allowed}}@media only screen and (max-width: 768px) and (max-width: 400px){.progress-container .container{width:85%}}@media screen and (max-width: 768px){.progress-container:before{content:"";background-color:var(--light-grey);position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:100%;z-index:-1}#wraper-container{z-index:1050;margin:auto}.button-create-frame{border-radius:34.5px;background:linear-gradient(90deg,#6a11cb 17.09%,#1456f0 100%);color:#fff;font-size:12px;text-decoration:none;font-weight:800;line-height:normal;padding:10px 15px;margin-top:1.5rem}.top-1 .frame-img{width:150px;margin:auto;display:block;border:none}#page-topbar{position:relative;z-index:60;background-color:#fff;box-shadow:0 3px 4px #00000040}#page-topbar .wrapper-header .logo{max-height:34px}.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:inherit;flex-wrap:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.img-fluid{height:auto;position:relative}.input-wrapper{background:#fff;width:100%;border-radius:30px}.input-wrapper .input-search{border-top-left-radius:15px;border-bottom-left-radius:15px;padding:5px;border:none;color:#707070;font-size:10px;width:100%;outline:none}.input-wrapper button{border-radius:50px;border:none;height:25px;padding:0;width:35px;background-color:#1456f0}nav{background-image:none;transition:background-color .35s ease 0s;background-color:#fff0}.shadow-transition{-webkit-box-shadow:0 25px 45px rgba(79,86,101,.075);box-shadow:0 25px 45px #4f566513;-webkit-transition:-webkit-box-shadow .4s ease;transition:-webkit-box-shadow .4s ease;-o-transition:box-shadow .4s ease;transition:box-shadow .4s ease;transition:box-shadow .4s ease,-webkit-box-shadow .4s ease}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.navbar{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.nav-item{position:relative}.navbar-nav .nav-link{padding-right:0;padding-left:0;color:#000000f2;font-size:14.4px}.fw-medium{font-weight:500!important}.nav-link{-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;-o-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.custom-btn{border-radius:12px;padding:12px 24px;font-weight:500;font-size:16px}p{font-size:16px!important}ul{padding-left:1rem}}@media screen and (min-width: 768px){h1.title{font-size:32px;letter-spacing:-1.2px}.custom-btn{font-size:16px;padding:12px 24px}:root{--height-header: 70px}}.custom-btn{color:#fff;border-radius:10px;padding:12px 24px;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;outline:none}.custom-btn{font-size:16px}.footer{bottom:0;font-size:16px;position:absolute;right:0;color:var(--bs-footer-color);left:250px;background-color:var(--bs-footer-bg);height:60px;box-shadow:0 0 4px #0f223a1f;position:initial;height:initial;padding:15px;text-align:center;color:#000}.footer .policy a{display:inline-block;color:#161616;margin:5px}.footer .brand-name{display:flex;justify-content:center;align-content:center;align-items:center}@media (min-width: 768px){.col-md-4{}}element.style{display:block}label .required{color:#f55767}@media screen and (max-width: 1024px){.input.open-input{box-shadow:none;width:100%!important;border-radius:10px;background-color:transparent;border:1px solid #707070;transition:all .5s cubic-bezier(0,.11,.35,2)}.input-wrapper button{border-radius:50px;border:none;height:35px;padding:0;width:35px;background-color:#1456f0}}.nav-link{padding:0;}.accordion-button:not(.collapsed){color:#052c65 !important;}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}#loading{position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15000;
    width: 50px;
    height: 50px;
    border: 10px solid #eee;
    border-top: 10px solid #363b3e;
    border-radius: 100%;
    animation: rotate 1s linear infinite;}@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
        /* Transform trước khi xoay */
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
        /* Transform và xoay 360 độ */
    }
}
.grecaptcha-badge{
    visibility: hidden;
}